@charset "utf-8";
@import "yybcommon";
@import "yybreset";

.search{
    width: 100%;
    height: 100%;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    
    transition: transform 0.5s;
    .searchHeader{
        position: absolute;
        top: 0;
        left: 0;
        background-color: #f7f7f7;
        font-size: 0;
        overflow: hidden;
        width: 100%;
        padding-bottom: r(13px);
        border-bottom: r(1px) solid #c1c1c1;
        .searchBar{
            width: r(518px);
            height: r(58px);
            border-radius: r(7px);
            border: r(1px) solid #C1C1C1;
            font-size: 0;
            margin-top: r(14px);
            margin-left: r(20px);
            text-align: center;
            #searchInput{
                height: r(56px);
                width: r(462px);
                font-size: r(24px);
                border: none;
                outline: none;
                margin-top: r(1px);
                margin-left: r(9px);
            }
            .searchIcon{
                width: r(30px);
//              height: r(30px);
                font-size: r(30px);
                
                
            }
        }
//      取消键
        .searchCancel{
            width: r(60px);
            height: r(29px);
            margin-left: r(20px);
            margin-top: r(31px);
            font-size: r(29px);
            color: #999999;
            line-height: r(29px);
        }
    }
    
//  搜索主体
    .searchContent{
        width: 100%;
        margin-top: r(88px);
        overflow: hidden;
        .searchCell{
            width: r(574px);
            font-size: 0;
            margin: r(16px) auto 0 auto;
            .tabTitle{
                font-size: r(26px);
                line-height: r(60px);
                
            }
            .tabCell{
                
                height: r(52px);
                margin: r(8px) r(16px) r(8px) 0;
                border: r(1px) solid #d7d6d6;
                font-size: r(24px);
                line-height: r(52px);
                color: #666666;
                text-align: center;
            }
            
            &::after{
                content: "";
                display: block;
                clear: both;
                width: 100%;
            }
        }
    }
    
}
